<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>亿人宝贷款平台 - 注册</title>
    <meta content="" name="keywords"/>
    <meta content="" name="description"/>
    <link rel="stylesheet" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" th:href="@{/css/register.css}" type="text/css">
    <script th:src="@{/script/jquery.min.js}" type="text/javascript"></script>
    <script th:src="@{/script/common.js}" type="text/javascript"></script>
    <script th:src="@{/script/loanregs.js}" type="text/javascript"></script>
</head>
<body>
<div th:replace="loan/public::head"></div>
<!--注册-->
<div class="wrap">
    <div class="tdbModule register">
        <div class="registerTitle">注册账户</div>
        <div class="registerLc1">
            <p class="p1">填写账户信息</p>
            <p class="p2">验证手机信息</p>
            <p class="p3">注册成功</p>
        </div>
        <div class="registerCont">
            <ul>
                <li>
                    <span class="dis">用户名:</span>
                    <input class="input _userName" id="userName" maxlength="24" name="name" tabindex="1" type="text">
                    <span data-info="6-24个字符，字母开头，字母、数字下划线组成" id="userNameAlt">6-24个字符，字母开头，字母、数字下划线组成</span></li>
                <li>
                    <span class="dis">密码:</span>
                    <input class="input _password" id="password" maxlength="24" name="user.password" tabindex="1" type="password">
                    <span data-info="6-24个字符，英文、数字组成，区分大小写" id="passwordAlt">6-24个字符，英文、数字组成，区分大小写</span></li>
                <li>
                    <span class="dis">确认密码:</span>
                    <input class="input _repeatPassword" id="repeatPassword" maxlength="24" name="password" tabindex="1" type="password">
                    <span data-info="请再次输入密码" id="repeatPasswordAlt">请再次输入密码</span></li>
                <li>
                    <span class="dis">性别:</span>
                    <input checked id="loansexn" maxlength="10" name="sex" tabindex="1" type="radio" value="男"> 男
                    <input id="loansexv" maxlength="10" name="sex" tabindex="1" type="radio" value="女"> 女
                </li>
                <li>
                    <span class="dis">邮箱:</span>
                    <input class="input _userEmail" id="userEmail" maxlength="24" name="email" tabindex="1" type="text">
                    <span data-info="请输入正确的邮箱格式" id="userEmailAlt">请输入正确的邮箱格式</span></li>
                <li>
                    <span class="dis">验证码:</span>
                    <input class="input input1 _yanzhengma" id="jpgVerify" maxlength="4" name="yzm" tabindex="1" type="text">
                    <img alt="验证码" class="valign" id="img" onclick="changeImg();" style="cursor:pointer;">
                    <a class="look blue _changeCapcherButton" href="javascript:void(0);" id="look" onclick="changeImg();">看不清？换一张</a>
                    <span class="info" data-info="请输入手机验证码" id="jpgVerifys"></span></li>
                <li class="telNumber">
                    <span class="dis">手机号码:</span>
                    <input class="input _phoneNum" id="phone" maxlength="11" name="phone" tabindex="1" type="text">
                    <a class="button radius1 _getkey" href="javascript:void(0);" id="sendPhone">获取验证码</a>
                    <span data-info="请输入您的常用电话" id="phoneJy">请输入您的常用电话</span></li>
                <li class="telNumber">
                    <span class="dis">短信验证码:</span>
                    <input class="input input1  _phonVerify" data-_id="phonVerify" id="phonVerify" tabindex="1" type="text">
                    <span class="info" data-info="请输入手机验证码" id="phonVerifys">请输入手机验证码</span></li>
                <!--<li>
                    <span class="dis">推 荐 人:</span>
                    <input class="input input1 _invist" type="text" placeholder="选填">
                    <span class="_invist_msg">请填写推荐人账户名，如无推荐人请留空</span></li>-->
                <li class="agree">
                    <input checked="checked" id="protocol" name="protocol" type="checkbox" value="">
                    我同意《<a href="#" target="_black">亿人宝注册协议</a>》 <span data-info="请查看协议" id="protocolAlt">请查看协议</span></li>
                <li class="btn"><a class="radius1 _ajaxSubmit" href="javascript:void(0);">提交</a></li>
            </ul>
        </div>
    </div>
</div>
<!--网站底部-->
<div class="ft" id="footer">
    <div th:replace="loan/public::footer"></div>
</div>
<script type="text/javascript">
    function changeImg() {
        $("#img").attr("src", "/erb/user/image?date=" + new Date().getTime());
    }

    //初始化时调用一下
    changeImg();
</script>
</body>
</html>
